<template>
	<view>
		<uni-nav-bar  left-icon="left" title="应用设置"  :border="false"
			 @clickLeft="back" />
			 <uni-list style="position: relative; top: 15px; ">
				 <uni-list-item showArrow title="检查更新" clickable   @click="toggle('center')" />
			 	<uni-list-item showArrow title="关于我们" />
			 	<uni-list-item showArrow title="版权信息" />
			 	<uni-list-item showArrow title="去评分" />
				<uni-list-item showArrow title="个人意见" />
			 	<uni-list-item showArrow title="用户隐私与规则中心"  />
			 </uni-list>
			 
			 
			 <!-- 普通弹窗 -->
			 			<uni-popup ref="popup" background-color="#fff" >
			 				<view class="popup-content" style="width: 480rpx; height: 250rpx;">
								<text class="text">已是最新版本！v1.0.1</text></view>
			 			</uni-popup>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				type: 'center'
			}
		},
		methods: {
			// 返回我的
			back(){
				uni.switchTab({
					url:'/pages/home/home'
				})
			},	
			toggle(type) {
							this.type = type
							// open 方法传入参数 等同在 uni-popup 组件上绑定 type属性
							this.$refs.popup.open(type)
						},
		}
	}
</script>

<style>
	.popup-content {
		@include flex;
		align-items: center;
		justify-content: center;
		padding: 15px;
		height: 50px;
		background-color: #fff;
	}
	.text {
		position: relative;
		top: 60px;
		left: 100rpx;
		font-size: 17px;
		color: #333;
		}
</style>
